<template>
	<!-- 筛选弹窗开始 -->
	<u-popup v-model="shaishow" width="80%" mode="right" z-index="1007700000">
		<view class="popshai">
			<view class="spoplist">
				<view class="spopitem">
					<text class="maname">源码类型</text>
					<view class="spopval">
						<text class="fenitem factive">分销商城</text>
						<text class="fenitem">分销商城</text>
						<text class="fenitem">分销商城</text>
						<text class="fenitem">分销商城</text>
						<text class="fenitem">分销商城</text>
					</view>
				</view>
				<view class="shaibtn">
					<view @click="shaiclose">确认</view>
				</view>
			</view>
			
		</view>
	</u-popup>
	<!-- 筛选弹窗结束 -->
</template>

<script>
export default {
	props: {
		shaishow: {
			type: Boolean,
			default: false
		},
	
	},
	name: "PayPop",
	data() {
		return {
			ispayPop: true,
			animat: this.isanimate(),
		};
	},
	methods: {
		shaiclose() {
			this.$emit("shaiclose");
		},
		reload() {
			this.$emit("reload");
		},
		manghe() {
			//我的盲盒
			uni.redirectTo({
				url: '/pages/my/index'
			})
		}
	}
}
</script>

<style scoped lang="scss">
// 筛选弹窗开始
.popshai{
	padding: 100rpx 30rpx;
	// #ifdef H5
	padding-top: 30rpx;
	// #endif
	display: flex;
	flex-direction: column;
	padding-bottom: 120rpx;
	position: relative;
	.spoplist{
		display: flex;
		flex-direction: column;
		min-height: 80vh;
		.spopitem{
			display: flex;
			flex-direction: column;
			margin-bottom: 30rpx;
			.maname{
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 800;
				color: #333333;
				display: block;
				margin-bottom: 20rpx;
			}
			
			.spopval{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				.fenitem{
					padding: 13rpx 20rpx;
					margin-right: 20rpx;
					background: #F5F5F5;
					border-radius: 5rpx;
					margin-bottom: 20rpx;
				}
				.factive{
					background: $Themecolor;
					color: #fff;
				}
			}
		}
		
	}
	.shaibtn{
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 120rpx;
			border-top: 1rpx solid #eee;
			display: flex;
			align-items: center;
			justify-content: center;
			bottom: 0;
			view{
				height: 80rpx;
				background:  $Themecolor;
				border-radius: 40rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 80%;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
			}
		}
}
// 筛选弹窗结束
</style>
